<html>
<meta charset="utf-8">

<head>
    <script src="jquery-3.2.1.min.js"></script>
    <style>
        h1, h2, p {
            color: green;
        }
        p.targ{
            color:red;
        }
    </style>
</head>
<div>
    <p class="targ">有时候样式表会出现相同的元素</p>
    <pre>
        h1
        {
        color:green;
        }
        h2
        {
        color:green;
        }
        p
        {
        color:green;
        }
</pre>
    <p>为了减少代码量和阅读性，可以使用分组选择器</p>
    <pre>
    h1,h2,p{
        color:green;
    }
</pre>
    <h1>测试h1</h1>
    <h2>测试h2</h2>
    <p>测试p</p>

    <h3>嵌套选择器使只有该元素使用该类时才生效</h3>
    <pre>
        p.targ{
            color:red;
        }
    </pre>
</div>

</html>